const Message = () => {
  return (
    <div className="chat chat-end">
      <div className="chat-image avatar">
        <div className="w-10 rounded-full">
          <img
            alt="user avatar"
            src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
            className="inline-block h-6 w-6 rounded-full ring-2 ring-white"
          />
        </div>
      </div>
      <div className="chat-bubble text-white bg-blue-500">Hi!!!!!!!!</div>
      <div className="chat-footer opacity-50 text-xs flex gap-1 items-center mt-1">
        34:24
      </div>
    </div>
  );
};

export default Message;
